<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>11_伪类选择器_结构伪类_3</title>
</head>
<style>
    /* 选中div中倒数第n个的儿子p元素（按照所有兄弟）  结构一 */
    /* div>p:nth-last-child(3) {
        color: red;
    } */

    /* 选中div中倒数第n个的儿子p元素（按照所有同类型兄弟）  结构一 */
    /* div>p:nth-last-of-type(3) {
        color: red;
    } */

     /* 选中的是没有兄弟的span元素  结构一 */
     /* span:only-child {
        color: red;
    } */

     /* 选中没有同类型span兄弟的元素  结构一 */
     /* span:only-of-type {
        color: red;
    } */
    
    /* 选中的是根元素 */
    /* :root {
       background-color: antiquewhite;
    } */
    /* 选中的是没有内容div元素 */
    h2:empty {
       width:100px;
       height:100px;
       background-color: brown;
    }
</style>
<body>
    <span>测试1</span>
    <div>
        <span>测试</span>
        <p>张三：98分</p>
        <p>李四：88分</p>
        <p>王五：78分</p>
        <p>赵六：68分</p>
        <p>孙七：58分</p>
        <p>老八：48分</p>
        <h2></h2>
</body>
</html>